<?php
	include 'include/header.php';
?>
<div style='color: crimson'>Follow project on: <a href='https://jgaming.codeplex.com'>jgaming.codeplex.com</a></div>
		<div id='divContainer' style='width: 1000px; height: 165px;border: 1px solid black;box-shadow: 10px 10px 5px #888888; border-radius: 5px;background-color: #fff; text-align: left;'>
			<div style='float:left;width: 12%;height: 78%;margin-top: 15px;margin-left: 5px;'>
				<div id='translateX' class='menuTransform'><span>TRANSALATE X</span></div>
				<div id='translateY' class='menuTransform'><span>TRANSALATE Y</span></div>
				<div id='rotate' class='menuTransform'><span>ROTATE</span></div>
				<div id='scale' class='menuTransform'><span>SCALE</span></div>
				<div id='transform' class='menuTransform'><span>MATRIX</span></div>
				<div id='move' class='menuTransform'><span>MOVE</span></div>
			</div>
			<div style='float:left; width: 86%;height: 78%;margin-left: 2px; margin-top: 15px;margin-left: 5px;'>
				<canvas id="canvasElement" width="860" height="140" style='border: 1px solid black;box-shadow: 10px 10px 5px #888888; border-radius: 5px;'>Your browser does not support the <code>&lt;canvas&gt;</code>-element. Please think about updating your browser!</canvas>
			</div>
		</div>
		<div style='padding: 2px 2px 2px 2px'>
			<canvas id="canvas" width="1000" height="550" style='border: 1px solid black;box-shadow: 10px 10px 5px #888888; border-radius: 5px;'>Your browser does not support the <code>&lt;canvas&gt;</code>-element. Please think about updating your browser!</canvas>
        </div>
		<div id="controls" style='margin-right: 0px; margin-top:10px;'>
            <button id='btnSlower' type="button">
                Slower</button>
            <button id='btnPlay'type="button">
                Pause</button>
            <button id='btnFaster' type="button">
                Faster</button>
				<div>
					<span style='font-size: 12px; color: blue;'>(Press arrow UP or DOWN for speeding)</span>
				</div>
        </div>
        <!--<div style='align: center;margin-left: 100px;'>
            <svg xmlns="http://www.informaticha.ro" version="1.1" height="190">
			  <polygon points="100,10 40,180 190,60 10,60 160,180"
			  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
			</svg>
        </div>-->
<?php
	include 'include/footer.php';
?>
